// var dataperson = 0;
(function ($) {
	/*jQuery对象添加  runNum  方法*/
    $.fn.extend({
    	/*
    		*	滚动数字
			*	@ val 值，	params 参数对象
			*	params{addMin(随机最小值),addMax(随机最大值),interval(动画间隔),speed(动画滚动速度),width(列宽),height(行高)}
    	*/

        runNum:function (val,params) {
            /*初始化动画参数*/
            var valString = val 
            var par= params || {};
            var runNumJson={
                el:$(this),
                value:valString,
                valueStr:valString.toString(10),
                width:par.width || 3,
                height:par.height || 6.5,
                interval:par.interval || 10000,
                speed:par.speed || 1000,
                width:par.width || 3,
                length:6
            }
            $._runNum._list(runNumJson.el,runNumJson);
            $._runNum._interval(runNumJson.el.children("li"),runNumJson);

        }
    });
    /*jQuery对象添加  _runNum  属性*/
    $._runNum={
        /*初始化数字列表*/
        _list:function (el,json) {
            var str='';
            for(var i=0; i<json.length;i++){
                var w=json.width*i;
                var t=json.height*parseInt(json.valueStr[i]);
                var h=json.height*10;
                str +='<li style="width:'+json.width+'vw;left:'+w+'vw;top: '+-t+'vh;height:'+h+'vh;">';
                for(var j=0;j<10;j++){
                    str+='<div style="height:'+json.height+'vh;line-height:'+json.height+'vh;">'+j+'</div>';
                }
                str+='</li>';
            }
            el.html(str);
        },
        /*生成随即数*/
        _random:function (json) {
            // return dataperson;
            return Mock.mock('@integer(0, 5)');
        },
        /*执行动画效果*/
        _animate:function (el,value,json) {
            for(var x=0;x<json.length;x++){
                var topPx=value[x]*json.height;
                el.eq(x).animate({top:-topPx+'vh'},json.speed);
            }
        },
        /*定期刷新动画列表*/
        _interval:function (el,json) {
            var val=json.value;
            setInterval(function(){
            	$.ajax({
                	url: url+'system/cumulativeAccess',
                	type: 'get',
                	dataType: 'json',
                	async : false,//需要改成同步的
                	success:function(res){
                    		dataperson = JSON.stringify(res, null, 4);
                    		dataperson = JSON.parse(dataperson);
                    	// console.log(dataperson.number);
                	}
            	})
            }, 10000);
            setInterval(function () {
                val=dataperson.number;
                // runNumsJon.length = val.toString(10).length;
                $._runNum._animate(el,val.toString(10),json);
            },json.interval);
        }
    }
})(jQuery);
$.ajax({
    url: url+'system/cumulativeAccess',
    type: 'get',
    dataType: 'json',
    async : false,//需要改成同步的
    success:function(res){
        dataperson = JSON.stringify(res, null, 4);
        dataperson = JSON.parse(dataperson);
    }
});
$("#test").runNum(dataperson.number);
